/*tooltip调整*/
.joint-tooltip.joint-theme-default {
    font-family: sans-serif, Arial;
    color: #fff !important;
    background: rgba(56,59,97,0.8);
}
.joint-tooltip.joint-theme-default.top .tooltip-arrow, .joint-tooltip.joint-theme-default.top .tooltip-arrow-mask {
    border-bottom-color: rgba(56,59,97,0.8);
}
.joint-tooltip.joint-theme-default.right .tooltip-arrow, .joint-tooltip.joint-theme-default.right .tooltip-arrow-mask {
    border-left-color: rgba(56,59,97,0.8);
}
.joint-tooltip.joint-theme-default.left .tooltip-arrow, .joint-tooltip.joint-theme-default.left .tooltip-arrow-mask {
    border-right-color: rgba(56,59,97,0.8);
}
.joint-tooltip.joint-theme-default.bottom .tooltip-arrow, .joint-tooltip.joint-theme-default.bottom .tooltip-arrow-mask {
    border-top-color: rgba(56,59,97,0.8);
}
/*toolbar的样式*/

.joint-toolbar.joint-theme-default {
    border: 0;
    background: #F9F9FB;
    line-height: 38px;
}
.joint-toolbar .joint-widget+.joint-toolbar-group, .joint-toolbar .joint-widget+.joint-widget, .joint-toolbar-group+.joint-toolbar .joint-widget, .joint-toolbar-group+.joint-toolbar-group{
    margin-left: 0;
}
.joint-widget .toggle {
	height: 18px;
    margin-right: 10px;
}
.joint-widget.joint-theme-default .toggle span i:before {
	content: "EN";
	top: 0;
    margin-top: -9px;
     color: #666;
}
.joint-widget.joint-theme-default .toggle input:checked+span i:before {
    content: "中";
     color: #666;
}
.joint-widget.joint-theme-default .toggle span {
    border: 1px solid #888;
    background: #fff;
}
.joint-widget.joint-theme-default .toggle span i {
    background: #4c87b9;
}
button.joint-widget.joint-theme-default {
    position: relative;
    height: 25px;
    white-space: nowrap;
    min-height: inherit;
    min-width: 25px;
    color: #666;
    font-size: 11px;
    background: 0 0;
    outline: 0;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #888;
    margin: 0 5px 0 0;
    padding: 0 5px;
}
button.joint-widget.joint-theme-default:hover {
    color: #888;
    background: #EBEEF2;
}
div[data-group="zoom"] {
    color:#888;
}
/*每个工具的样式*/
.m-middle p {
    border: 1px solid #ccc;
}
.joint-widget.joint-theme-default[data-name="undo"]:after,
.joint-widget.joint-theme-default[data-name="redo"]:after,
.joint-widget.joint-theme-default[data-name="clear"]:after,
.joint-widget.joint-theme-default[data-name="layout"]:after,
.joint-widget.joint-theme-default[data-type="zoomToFit"]:after,
.joint-widget.joint-theme-default[data-name="print"]:after {
    display: block;
    width: 25px;
    box-sizing: border-box;
    height: 25px;
    content: ' ';
    border: 1px solid #888;
    border-radius: 4px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
}
.joint-widget.joint-theme-default[data-name="undo"]:after {
    background-image: url('../img/undo.svg');
}

.joint-widget.joint-theme-default[data-name="redo"]:after {
    background-image: url('../img/redo.svg');
}

.joint-widget.joint-theme-default[data-name="clear"]:after {
    background-image: url('../img/clear.svg');
}

.joint-widget.joint-theme-default[data-name="layout"]:after {
    background-image: url('../img/layout.svg');
}
.joint-widget.joint-theme-default[data-type="zoomToFit"]:after {
    background-image: url('../img/zoom.svg');
}

.joint-widget.joint-theme-default[data-name="print"]:after {
    background-image: url('../img/print.svg');
}

input[type="range"] {
    margin-top: 2px;
    background:linear-gradient(to right,#fb6eb6,#c658fd);
    border-radius: 15px;
    width: 80px;
    -webkit-appearance: none;
    height:5px;
}
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    cursor: default;
    height: 10px;
    width: 10px;
    background: #fff;
    border-radius:50%;
    -webkit-box-shadow: 0 -1px 5px #888 inset;
}
.joint-widget.joint-theme-default[data-name="undo"],
.joint-widget.joint-theme-default[data-name="redo"],
.joint-widget.joint-theme-default[data-name="clear"],
.joint-widget.joint-theme-default[data-type="zoomToFit"],
.joint-widget.joint-theme-default[data-name="layout"],
.joint-widget.joint-theme-default[data-name="print"] {
    position: relative;
    border: none;
    padding: 0;
}
.input-wrapper {
    position: relative;
}
.input-wrapper .input {
    width: 150px !important;
    padding-left: 17px !important;
}

.joint-widget .joint-select-box {
    font-size: 12px;
    margin-right: 5px;
    color: #888;
}
.joint-widget .joint-select-box .select-box-selection {
    border: 1px solid #888;
    border-radius: 4px;
    box-sizing: border-box;
    height: 25px;
    line-height: 8px;
    color: #888;
}
.joint-select-box-options.joint-theme-default {
    font-size: 12px;
    color: #888;
    top: 32.5px !important;
}
.joint-select-box.joint-theme-default .select-box-option.hover {
    background-color: #F9F9FB;
}
div[data-group="last"]{
    position: absolute;
    right: 5px;
    z-index: 10;
    background: #F9F9FB;
}